<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/orders.css" />
  </head>
  <body>
    <!-- 主体内容 -->
    <div class="box">
      <div class="msb">
        <div class="logo">
          <div class="black">学员面试管理</div>
        </div>
        <div class="lanmu">
          <ul>
            <li>
              <a href="#"><span class="iconfont icon-sy"></span> 首页</a>
            </li>
            <li>
              <a href="#"><span class="iconfont icon-xyxx"></span> 学员信息</a>
            </li>
            <li>
              <a href="#"><span class="iconfont icon-xy"></span> 推荐公司</a>
            </li>
            <li>
              <a href="#"><span class="iconfont icon-gz"></span> 面试题</a>
            </li>
            <li>
              <a href="#"><span class="iconfont icon-jyl"></span> 就业跟踪</a>
            </li>
            <li>
              <a href="#"><span class="iconfont icon-mx"></span> 就业明星</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="box1">
        <div class="zhanghao">
          <div class="shuju">
            <span class="iconfont icon-yh">小哈老师</span
            ><span class="iconfont icon-sz">设置</span
            ><span>2022-03-09 星期四</span>
          </div>
        </div>
        <div class="box2">
          <div class="jiuye">
            <div class="jiuye1">
              <span class="iconfont icon-jyl"></span> 就业率
            </div>
            <div class="jiuye2"></div>
          </div>
          <div class="xueyuan">
            <div class="xueyuan1">
              <span class="iconfont icon-xy"></span> 学院数据
            </div>
            <div class="xueyuan2">
              <div class="xuey1">
                当月就业人数 <span class="ren1">30</span
                ><span class="ren2">人</span>
              </div>
              <div class="xue2">
                本周就业人数 <span class="ren1">8</span
                ><span class="ren2">人</span>
              </div>
              <div class="xue3">
                当前平均薪资 <span class="ren1">13000</span
                ><span class="ren2">元</span>
              </div>
            </div>
          </div>
          <div class="benban">
            <div class="xueyuan1">
              <span class="iconfont icon-bj"></span> 本班数据<span class="banji"
                >就业6期</span
              >
            </div>
            <div class="xueyuan2">
              <div class="xuey1">
                面试题完成率 <span class="ren1">80</span
                ><span class="ren2">%</span>
              </div>
              <div class="xue2">
                本周就业率 <span class="ren1">70</span
                ><span class="ren2">%</span>
              </div>
              <div class="xue3">
                平均薪资 <span class="ren1">8000</span
                ><span class="ren2">元</span>
              </div>
              <div class="xue4">
                模拟面试人数 <span class="ren1">60</span
                ><span class="ren2">人</span>
              </div>
            </div>
          </div>
        </div>
        <div class="box3">
          <div class="left"></div>
          <div class="shu1">
            学员姓名
            <input type="text" />
          </div>
          <label class="shu2">
            薪资范围
            <input type="text" /> —— <input type="text" />
          </label>
          <div class="shu3">
            入职单位
            <input type="text" />
          </div>
          <div class="shu4"><a href="#">搜索</a></div>
        </div>
        <div class="box4">
          <h4>就业班6期学员就业情况</h4>
        </div>
        <div class="box5">
          <div class="biao1">
            <table width="1506" height="282" style="border-collapse:collapse;">
              <tr>
                <th><input type="checkbox" /></th>
                <th>姓名</th>
                <th>年龄</th>
                <th>面试题完成进度</th>
                <th>是否就业</th>
                <th>入职单位</th>
                <th>薪资</th>
                <th>是否为推荐公司</th>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>小哈叔</td>
                <td>25</td>
                <td>
                  <div class="kbox1">
                    <div class="check1"></div>
                    <div class="check2">60%</div>
                  </div>
                </td>
                <td>否</td>
                <td>无</td>
                <td>无</td>
                <td>否</td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>小白</td>
                <td>25</td>
                <td>
                  <div class="kbox2">
                    <div class="check1"></div>
                    <div class="check2">100%</div>
                  </div>
                </td>
                <td>是</td>
                <td>杭州***电子商务有限公司</td>
                <td>13000</td>
                <td>否</td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>小哈叔</td>
                <td>25</td>
                <td>
                  <div class="kbox1">
                    <div class="check1"></div>
                    <div class="check2">60%</div>
                  </div>
                </td>
                <td>否</td>
                <td>无</td>
                <td>无</td>
                <td>否</td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>小白</td>
                <td>25</td>
                <td>
                  <div class="kbox2">
                    <div class="check1"></div>
                    <div class="check2">100%</div>
                  </div>
                </td>
                <td>是</td>
                <td>杭州***电子商务有限公司</td>
                <td>8000</td>
                <td>否</td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>小哈叔</td>
                <td>25</td>
                <td>
                  <div class="kbox1">
                    <div class="check1"></div>
                    <div class="check2">60%</div>
                  </div>
                </td>
                <td>否</td>
                <td>无</td>
                <td>无</td>
                <td>否</td>
              </tr>
              <tr>
                <td><input type="checkbox" /></td>
                <td>小白</td>
                <td>25</td>
                <td>
                  <div class="kbox2">
                    <div class="check1"></div>
                    <div class="check2">100%</div>
                  </div>
                </td>
                <td>是</td>
                <td>杭州***电子商务有限公司</td>
                <td>10000</td>
                <td>否</td>
              </tr>
            </table>
          </div>
          <div class="biao2">
            <label
              >共60条
              <select>
                <option value="1">6条/页</option>
              </select>
            </label>
            <span>
              <ul>
                <li>
                  <a href="#"><span class="iconfont icon-yjt"></span></a>
                </li>
                <li><a href="#">...</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#"><span class="iconfont icon-zjt"></span></a></li>
              </ul>
            </span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
